/* el-menu  */
 .sidebar-container {
	background-color: $menuBg;
	height: 100%;
	// reset element-ui css
	.horizontal-collapse-transition {
		transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out,0s background-color ease-in-out;
	}

	.scrollbar-wrapper {
		overflow-x: hidden !important;
	}

	.el-scrollbar__view {
    height: 100%
  }
	
  .el-scrollbar__bar {
    &.is-vertical {
      right: 0px;
    }

    &.is-horizontal {
      display: none;
    }
  }
}

/* el-sub-menu */
.sub-menu-title-noDropdown.is-active, .el-sub-menu.is-active > .el-sub-menu__title{
	color: $subMenuActiveText !important;
  i {
    color: $subMenuActiveText !important;
  }
  .svg-icon {
    color: $subMenuActiveText !important;
  }
}

.full-mode {
  .nest-menu .el-sub-menu>.el-sub-menu__title,
  .el-sub-menu .el-menu-item {
    min-width: $sideBarWidth !important;
    background-color: $subMenuBg !important;
    &:hover {
      background-color: $subMenuHover !important;
    }
  }
}

.simple-mode {
  &.first-level {
    .sub-menu-title-noDropdown {
      padding: 0 !important;
      position: relative;
      .el-tooltip {
        padding: 0 !important;
      }
    }

    .el-sub-menu {
      overflow: hidden;

      &>.el-sub-menu__title {
        padding: 0px !important;

        .el-sub-menu__icon-arrow {
          display: none;
        }

        &>span {
          visibility: hidden;
        }
      }
    }
  }
}

.el-sub-menu .el-menu-item,
.el-menu-item, .el-sub-menu__title {
	height: 50px !important;
	line-height: 50px !important;
}


.sidebar-container.has-logo .el-scrollbar {
	height: calc(100% - 50px);
}

.el-scrollbar__view .full-mode .el-menu-item.is-active {
    background-color: $menuActiveBg !important;
}

.el-menu--vertical .simple-mode .el-menu-item.is-active{
    background-color: $menuActiveBg !important;
}

